<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>

</h:head>
<title>Lista de produtos</title>

<h:body style="background-color: transparent">
	<f:view>
		<h:form id="lista-de-produtos" style="font-size: 12px">

			<p:layout fullPage="true" style="font-size: 10px">

				<p:layout fullPage="true">
					<p:layoutUnit id="top" position="center" size="60">
						<h:panelGrid columns="4">
							<p:graphicImage width="230px" height="80px"
								value="resources/imagens/gerente.jpg" />
							<div style="float: right;">
								Olá, Seja bem vindo #usuario |
								<p:commandLink value="Sair #login" />
							</div>
						</h:panelGrid>

						<h:form>
							<center>
								<h:form>

									<p:panel>
										<p:panelGrid columns="3">
											<p:commandLink value="Inicio" action="menu.xhtml" />
											<p:commandLink value="Novo Produto"
												action="cadastro-de-produto.xhtml" />
											<p:commandLink value="Relatórios"
												action="lista-de-produtos.xhtml" />
										</p:panelGrid>
									</p:panel>

									<p:dataTable value="#{produtoBean.listProdutos}" var="produto"
										border="1" emptyMessage="Não ha registros"
										filterBay="#{produtoBean.produto}" id="tabela"
										paginator="true">

										<p:column>
											<f:facet name="header">
			   	   Codigo
			        </f:facet>
											<h:outputText value="#{produto.id}" />
										</p:column>

										<p:column>
											<f:facet name="header">
			   	   Codigo Interno
			        </f:facet>
											<h:outputText value="#{produto.codigoInterno}" />
										</p:column>

										<p:column>
											<f:facet name="header">
			   	    Descrição
			        </f:facet>
											<h:outputText value="#{produto.descricao}" />
										</p:column>

										<p:column>
											<f:facet name="header">
			   	   Ações
			        </f:facet>
											<p:commandButton value="Remover" id="remove"
												action="#{produtoBean.remover}">
												<f:param name="idProduto" value="#{produto.id}" />
											</p:commandButton>

											<p:commandButton value="Editar" id="edit"
												action="#{produtoBean.carregar}">
												<f:param name="idProduto" value="#{produto.id}" />
											</p:commandButton>

										</p:column>

									</p:dataTable>

								</h:form>
							</center>

						</h:form>

					</p:layoutUnit>
				</p:layout>

			</p:layout>

		</h:form>

	</f:view>
</h:body>
</html>
